<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>D001_JavaScript入门</title>


</head>
<body>

<div id="box"></div>
<button onclick="changeColor()" style="margin-top: 20px">变颜色</button>

<script>
  let box = document.getElementById('box')
  box.style.height = "200px"
  box.style.background = "#abc"

  function changeColor() {
    let box = document.getElementById('box')
    box.style.background = "#" + String(Math.random()).slice(2, 5)
  }
</script>
<script src="index.js"></script>
<!--<script src="jquery3.6.0.js"></script>-->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script>
  $("#box").css({"background": "yellow"})
</script>

</body>
</html>